@import '@/root.less';

.person_license {
    font-size: 18px !important;
    padding: 10px;
    background-color: #fff;
}

.select_role {
    padding: 10px;
    background-color: #fff;
    text-align: center;
}

.form_buttom {
    width: 150px;
    border-radius: 10px;
}

.car_info {
    width: 100px;
    height: 100px;
}



.container {
    position: relative;

    .btns {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vh;
        transform-origin: 0 0;
        // 注意这里，手动把按钮组横了过来
        transform: rotateZ(90deg) translateY(-100%);
        display: flex;
        justify-content: center;
        padding: 32px 0px;

        .btn {
            margin: 0px 16px;
            width: 20vh;
        }
    }
}

.driving {
    display: flex;

    justify-content: space-around;
    height: 140px;
    margin-top: -15px;

}

.driving_img {
    width: 100px;
    height: 100px;
    // width: 45%;
    position: relative;

    image {
        margin-top: 10px;
        margin-bottom: 20px;
        width: 100%;


        height: 100%;
    }

    .driving_name {
        color: #ff616d;
        position: absolute;
        text-align: center;
        left: 50%;
        width: 144px;
        font-weight: bold;
        margin-left: -72px;
        bottom: 5px;
    }
}
.nut-radio{
    
}
.select_radio {
    display: flex;
    .user {
        font-size: 14px;
        color: red;
    }
}

.clear_btn {
    position: absolute;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    right: 5px;
    top: 10px;
}